<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=750,viewport-fit=cover,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-capable">
<meta content="black" name="apple-mobile-web-status-bar-style">
<title>添加角色</title>
<link rel="stylesheet" type="text/css" href="../css/addRole.css" />
<link rel="stylesheet" type="text/css" href="../css/picker.css" />
</head>
<body>
<div class="box">
	<label id="game">选择游戏 </label>
	<input type="text" readonly="readonly" id="name" oninput="name()" placeholder="请选择游戏">
	<input type="hidden" id="nameId" placeholder="" >
</div>
<div class="box">
	<label>角色昵称</label>
	<input type="text" id="nickname" placeholder="请输入角色昵称">
</div>
<div class="box">
	<label id="area">游戏区服</label>
	<input type="text" readonly="readonly" id="gamearea" placeholder="请选择游戏区服">
	<input type="hidden" id="areaCode" placeholder="">
</div>
<div class="box">
	<label id="rank">游戏等级</label>
	<input type="text" id="lv" readonly="readonly" placeholder="请选择游戏等级">
	<input type="hidden" id="lvId" placeholder="">
</div>
<div class="box1">
	温馨提示：<br>
          填写的游戏昵称和游戏等级如与实际参赛的账号信息并不一致，将导致您的赛事成绩无效！
</div>
<div class="box2">每个游戏的每个大区只能添加一个角色</div>
<div class="submit" id="btn">提交</div>


<div id="container"></div>
<div id="container1"></div>
<div id="containerPatientType"></div>
</body>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript" src="../js/jquery-3.4.1.js"></script>
<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/picker.js"></script>
<script type="text/javascript" src="../js/addRole.js"></script>
<script type="text/javascript" src="../js/user.js"></script>
<script type="text/javascript" src="../js/alert.js"></script>
<script type="text/javascript">
 var picker= new EasyPicker({
     container: '#container'
 });
$("#name").on('click',function(e){
     picker.showPopData(gameList,"nation",function (item) {
         $("#name").val(item.name)
         $("#nameId").val(item.id)
         rank();
     });
 })

 $("#lv").on('click',function(e){
    picker.showPopData(rankList,"patientType",function (item) {
    	$("#lv").val(item.name)
    	$("#lvId").val(item.id)
    });
}) 
 $("#gamearea").on('click',function(e){
    picker.showPopData(areaList,"nation",function (item) {
    	$("#gamearea").val(item.name)
    	$("#areaCode").val(item.id)
    });
}) 


 


</script>
</html>